{extend name="public/common"/}
{block name="head"}
{/block}
{block name="banner"}

{/block}
{block name="body"}

<div class="page-title">
    <div class="overlay">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="section-header">
                        <h5 class="sub-title">Women’s</h5>
                        <h2 class="title">COLLECTION</h2>
                    </div>
                    <ol class="breadcrumb">
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Library</a></li>
                        <li class="active">Data</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
</div>



<!-- Main Section -->
<div class="main-section">
    <div class="container">
        <div class="row">
            <div class="col-md-8 col-md-offset-2">
                <ul class="shop-progress">
                    <li class="active">
                        <span class="thumb-icon">01</span>
                        <span class="title">SHOPPING CART</span>
                    </li>
                    <li>
                        <span class="thumb-icon">02</span>
                        <span class="title">CHECKOUT</span>
                    </li>
                    <li>
                        <span class="thumb-icon">03</span>
                        <span class="title">ORDER COMPLATE</span>
                    </li>
                </ul><!-- /.shop-progress -->
            </div>
            <div class="col-md-12">
                <table class="cart-list m-tb60">
                    <thead>
                    <tr>
                        <th>PRODUCT NAME</th>
                        <th>UNIT PRICE</th>
                        <th>QUANTITY</th>
                        <th>SUB TOTAL</th>
                        <th></th>
                    </tr>
                    </thead>
                    <tbody class="alert-group">
                    <tr class="alert">
                        <td>
                            <div class="media-left">
                                <div class="thumb">
                                    <img src="__IMG__/product/cart/01.jpg" alt="cart">
                                </div>
                            </div>
                            <div class="media-body">
                                <h6 class="title"><a href="#">DIAMOND ENGAGEMENT RING</a></h6>
                                <div class="size"><span>Size:</span> XL</div>
                            </div>
                        </td>
                        <td>$235</td>
                        <td><input type="number" value="02"></td>
                        <td>
                            <div class="rate">$470</div>
                        </td>
                        <td>
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true"><i class="fa fa-trash-o"></i></button>
                        </td>
                    </tr>
                    <tr class="alert">
                        <td>
                            <div class="media-left">
                                <div class="thumb">
                                    <img src="__IMG__/product/cart/01.jpg" alt="cart">
                                </div>
                            </div>
                            <div class="media-body">
                                <h6 class="title"><a href="#">DIAMOND ENGAGEMENT RING</a></h6>
                                <div class="size"><span>Size:</span> XL</div>
                            </div>
                        </td>
                        <td>$235</td>
                        <td><input type="number" value="02"></td>
                        <td>
                            <div class="rate">$470</div>
                        </td>
                        <td>
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true"><i class="fa fa-trash-o"></i></button>
                        </td>
                    </tr>
                    <tr class="alert">
                        <td>
                            <div class="media-left">
                                <div class="thumb">
                                    <img src="__IMG__/product/cart/01.jpg" alt="cart">
                                </div>
                            </div>
                            <div class="media-body">
                                <h6 class="title"><a href="#">DIAMOND ENGAGEMENT RING</a></h6>
                                <div class="size"><span>Size:</span> XL</div>
                            </div>
                        </td>
                        <td>$235</td>
                        <td><input type="number" value="02"></td>
                        <td>
                            <div class="rate">$470</div>
                        </td>
                        <td>
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true"><i class="fa fa-trash-o"></i></button>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="col-md-6 m-b100">
                <div class="calculate m-b50">
                    <h6 class="heading">CALCULATE SHIPPING</h6>
                    <form action="#" class="form-group">
                        <div class="row form-group">
                            <div class="col-sm-6">
                                <select class="selectpicker">
                                    <option>Country</option>
                                    <option>Bangladesh</option>
                                    <option>India</option>
                                    <option>China</option>
                                    <option>USA</option>
                                    <option>UK</option>
                                </select>
                            </div>
                            <div class="col-sm-6">
                                <select class="selectpicker">
                                    <option>State / Provice</option>
                                    <option>2500</option>
                                    <option>1200</option>
                                    <option>1000</option>
                                    <option>900</option>
                                    <option>500</option>
                                </select>
                            </div>
                        </div>
                        <div class="row form-group">
                            <div class="col-sm-6">
                                <input type="text" placeholder="Postcode / Zip">
                            </div>
                            <div class="col-sm-6">
                                <input type="button" value="ESTIMATE">
                            </div>
                        </div>
                    </form>
                </div><!-- /.calculate -->
                <div class="coupon">
                    <h6 class="heading">DISCOUND CODES</h6>
                    <form action="#" class="form-group">
                        <div class="row">
                            <div class="col-sm-6">
                                <input type="text" placeholder="Coupon Code">
                            </div>
                            <div class="col-sm-6">
                                <input type="button" value="APPLY CODE">
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="col-md-6 m-b100">
                <div class="cart-price">
                    <h6 class="heading">CART TOTAL</h6>
                    <ul>
                        <li>
                            <div class="item-name">
                                Subtotal
                            </div>
                            <div class="price">
                                $68.50
                            </div>
                        </li>
                        <li>
                            <div class="item-name">
                                Shipping
                            </div>
                            <div class="price">
                                $68.50
                            </div>
                        </li>
                        <li>
                            <div class="item-name">
                                <strong>ORDER TOTAL</strong>
                            </div>
                            <div class="price">
                                <span>$150.50</span>
                            </div>
                        </li>
                    </ul>
                    <a href="#" class="btn-default">CHECKOUT</a>
                </div>
            </div>
        </div>
    </div>
</div>


{/block}

{block name="script"}
<script src="__COMMON__/layer/layer.js"></script>
<script >

</script>

{/block}
